<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
	function bjSel(bjId) {
		if(bjId==0){
			$('#table').empty();
		}else{
			$('#table').load('grade',{method:'bjSel',bjId:bjId});
		}
	}
	
	function fh(){
		window.location="course?method=fh";
	}
</script>
<style type="text/css">

	body{
		width:auto;
		height: auto;
		background-repeat:no-repeat;
		background-size: 100%;
	}

	.sss{
		
		width: 1400px;
		margin: 20px auto;
		padding-bottom: 40px;
		padding-left: 10px;
		padding-right: 10px;
		min-height:50px;
	}
	
	
	td,th{
		
		padding: 7px 7px;
	
	}
	
	table{
			width:100%;
            border-collapse: collapse;
            margin: 0 auto;
            text-align: center;
            border-bottom-color:#666;
        }
    table td, table th{
            border: 1px solid #cad9ea;
            color: #666;
            height: 30px;
       
        }
    table thead th{
            background-color: #CCE8EB;
            width: 50px;
        }
    table tr:nth-child(odd){
            background: #fff;
   	 }
    
    table tr:nth-child(even)
        {
            background: #F5FAFA;
        }
	
	label{
		display:inline-block;
		width:80px;
		text-align: right;
	}
	
	input{
		padding: 6px;
	}
	
	button{
		float:right;
	}
	
	

	
	
	button{
		padding: 5px 10px;
		margin-left:2px;
		margin-bottom: 3px;
		width:85px;
		}
		
	table{
		text-align:center;
		width:100%;
		border-radius:6px;
	}
	
	h3{
		text-align: center;
	}
</style>
<meta charset="UTF-8">
<title>班级成绩查询</title>
</head>
<body>
<div class="sss">
	<h3>班级成绩查询</h3>
	<p>
		<label>班级：</label>
		<select id="bj"  onchange="bjSel(this.value)">
			<option value="0">---请选择---</option>
			<c:forEach items="${list}" var="bj">
				<option value="${bj.id}">${bj.name}</option>
			</c:forEach>
		</select>
	</p>
	<div id="table">
	
	</div>
</div>
</body>
</html>